@charset 'UTF-8';
@import 'compass/css3';

.wrapper{
	@include display-flex;

	.weixinView{
		@include display-flex;
		@include flex-direction(column);
		@include justify-content(flex-end);
		@include flex-shrink(0);
		width: 320px;
		height: 582px;
		background:transparent url(/static/images/bg_mobile_head_default.png) no-repeat 0 0 ;
		background-position:0 0 ;
		border:1px solid #e7e7e7;

		.weixinButtons{
			padding-left:44px;
			@include display-flex;
			margin: 0;
			width: 100%;
			height: 50px;
			border-top:1px solid #e7e7e7;
			color: #616161;
			background:url(/static/images/bg_mobile_foot_default.png) no-repeat 0 0;


			li.button{
				position:relative;
				@include display-flex;
				@include align-items(center);
				@include justify-content(center);
				@include flex(1);
				border-right:1px solid #e7e7e7;
				cursor: pointer;
			}
			// li.button:last-child{
			// 		border-right:none;
			// 	}
			li.focus{
				border:1px solid #8aa4af;
				color:#8aa4af;
				.subButtons{
					.addButton{
						display: block;
					}
					ul{
						display: block;
					}
				}
			}

			.subButtons{
				position:absolute;
				bottom:60px;
				color: #616161;
				width: 100%;
				ul{
					display: none;
				}
				li{
					@include display-flex;
					@include align-items(center);
					@include justify-content(center);
					width: 100%;
					height: 44px;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
					// border-width:1px 1px 0px 1px;
					// border-style:solid;
					// border-color:#e7e7e7;
					// &:last-child{
					// 	border-bottom:1px solid #e7e7e7;
					// }
					border:1px solid #e7e7e7;
				}
				.addButton{
					display: none;
					height: 44px;
					text-align: center;
					line-height: 44px;
					font-size: 18px;
					color:#ddd;
					border:1px solid #e7e7e7;
					&:hover{
						background-color:#efefef;
					}
				}
				.focus{
					border:1px solid #44b549;
					color:#44b549;
				}
			}

		}

	}

	.configview{
		margin-left:20px;
		width: 100%;
		border:1px solid #e7e7e7;
		background-color:#f4f5f9;

		.configtitle{
			@include display-flex;
			@include align-items(center);
			@include justify-content(space-between);
			margin: 0 15px;
			height: 40px;
			border-bottom:1px solid #e7e7e7;
		}
		.configcontent{
			// margin:0 15px;
		}
	}

}
